@import url("../../styles/publicStyle.less");

.enterprise-info-query-container {
  background-color: @AssistBgWhite;
  height: 100vh;
  display: flex;
  flex-direction: column;
  .enterprise-info {
    padding: 0 22px;
    margin: 20px 0;

    p {
      .PromptInfo();
      color: @ContentText;
      margin-bottom: 24px;
    }
    .info-title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      h2 {
        .DetailsText();
      }
      :deep(.van-button) {
        border: none;
      }
    }

    .e-info {
      .PromptInfo();
      color: @ContentText;
      padding: 24px 16px;
      background-color: @ZebraCrossing;
      .e-info-item {
        .flex();
        align-items: flex-start;
        justify-content: space-between;

        &:nth-of-type(2) {
          a {
            color: @AssistTextA;
          }
          & > div:last-of-type {
            & > span:last-of-type {
              color: @AssistTextA;
            }
          }
        }

        & > div {
          display: flex;
          align-items: flex-start;
          width: 50%;
          &:first-of-type {
            & > span:first-of-type {
              width: 80px;
              white-space: nowrap;
            }
            & > span:last-of-type {
              flex: 1;
              word-break: break-all;
            }
          }
          &:last-of-type {
            & > span:first-of-type {
              width: 150px;
              white-space: nowrap;
            }
            & > span:last-of-type {
              flex: 1;
            }
          }
        }
      }
    }
    .e-info-collapse {
      height: 0;
      overflow: hidden;
    }
  }

  .nav-list {
    position: relative;
    .flex();
    .widthAndHeight(100%, 80px);
    font-size: 30px;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    &::-webkit-scrollbar {
      display: none;
    }
    &::after {
      content: "";
      .widthAndHeight(auto, 4px);
      position: absolute;
      left: 0;
      bottom: 0;
      background-color: @AssistLightGrey;
      z-index: 10;
    }

    li {
      position: relative;
      width: auto;
      height: 100%;
      text-align: center;
      padding: 23px 15px;
      box-sizing: border-box;
      flex-shrink: 0;
      &.active {
        color: @AssistTextA;
      }

      &.active::after {
        content: "";
        .widthAndHeight(100%, 4px);
        position: absolute;
        left: 0;
        bottom: 0;
        background-color: @MainColor;
        z-index: 11;
      }
    }
  }

  .nav-list-children {
    .flex();
    height: 116px;
    font-size: 0;
    white-space: nowrap;
    margin: 0 20px;
    .contentOverflowRoll(x);

    li {
      display: inline-block;
      .DetailsInfoTitle();
      padding: 8px 24px;
      // border-radius: 28px;
      .background(url("@{images}/eq_bg_2.png"));
      margin-right: 20px;

      &.active-children {
        color: @ContentTextWhite;
        .background(url("@{images}/eq_bg_1.png"));
      }
    }

    &::-webkit-scrollbar {
      display: none;
    }
  }
}
